iT邦幫忙

第 11 屆 iThome 鐵人賽
DAY 10
1
自我挑戰組

網頁學習紀錄系列 第 10 篇

鐵人賽Day10-向 KKBOX 致敬

11th鐵人賽 kkbox vscode html scss
1413 瀏覽

  • 分享至 

  • xImage
    •  

小弟熱愛音樂，前一週自己發想一個音樂主題的頁面網站，記錄各樣的網頁撰寫方式，
接下來這一週要向 KKBOX 致敬，撰寫內容如下

  1. navbar 導覽列
  2. 左邊 siderbar 撥放清單
  3. 左下播放器頁面
  4. 右邊資訊頁面
  • menu
  • header
  • 廣告頁 (上下排列的三欄式)
  • 音樂頭條 (三欄式表單與內容)
  • 新歌快報(單排六欄列表)
  • 熱門影音(左一大塊、右三小塊)
  • 歌手推薦(單排六欄圓形清單)
  • 點播排行榜(header)
  • 點播排行榜(左右並排清單)
  • footer

那我們就開始吧!!


上一篇
鐵人賽Day9-體驗不好的 RWD
下一篇
鐵人賽Day11- 向 KKBOX 致敬，一樣從 navbar 開始
系列文
網頁學習紀錄 共 30 篇
  1. 26
    鐵人賽 Day26 首次參加六角學院同學會
  2. 27
    鐵人賽 Day27 人員卡片介紹：加上互動色彩
  3. 28
    鐵人賽 Day28 側邊選單切版練習
  4. 29
    鐵人賽 Day29 收合式側邊選單練習
  5. 30
    鐵人賽 Day30 終於寫到了尾聲，然後呢?
完整目錄
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言
iThome鐵人賽
iThome鐵人賽
參賽組數
460 組
團體組數
17 組
累計文章數
3722 篇
最後報名日
9/15
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 17th鐵人賽 2017鐵人賽 windows php c# windows server linux css react
熱門問題
熱門回答
熱門文章
IT邦幫忙